<script>
import {defineComponent} from 'vue'

export default defineComponent({
  name: "Border"
})
</script>

<template>
  <span class="border_bg_leftTop"></span>
  <span class="border_bg_rightTop"></span>
  <span class="border_bg_leftBottom"></span>
  <span class="border_bg_rightBottom"></span>
</template>

<style scoped>
.border_bg_leftTop {
  position: absolute;
  left: -0.008rem;
  top: -0.04rem;
  width: 0.37rem;
  height: 0.05rem;
  display: block;
  background: #01279d url('../../../assets/images/title_left_bg.png') no-repeat;
  background-size: cover;
}

.border_bg_rightTop {
  position: absolute;
  right: -0.01rem;
  top: -0.01rem;
  width: 0.1rem;
  height: 0.1rem;
  display: block;
  background: url('../../../assets/images/border_bg_2.png') no-repeat;
  background-size: cover;
}

.border_bg_leftBottom {
  position: absolute;
  left: -0.008rem;
  bottom: -0.008rem;
  width: 0.1rem;
  height: 0.1rem;
  display: block;
  background: url('../../../assets/images/border_bg_2.png') no-repeat;
  background-size: cover;
}

.border_bg_rightBottom {
  position: absolute;
  right: -0.01rem;
  bottom: -0.01rem;
  width: 0.08rem;
  height: 0.08rem;
  display: block;
  background: url('../../../assets/images/title_right_bg.png') no-repeat;
  background-size: cover;
}
</style>